<gm:page title="HCA Midwest Division">

  <gm:data id="siteData" data="http://hcamwd.googlemashups.com/resources/sites.xml" />
  
  <div style="float: left; width: 30%; padding: 4px">
    <gm:list id="siteList" data="${siteData}" template="siteListTemplate">
      <gm:handleEvent src="siteLocations"/>
    </gm:list>
  </div>
  <div style="float: left; width: 70%; padding: 4px">
    <gm:map id="siteLocations" style="border:solid #99b3e6 2px" height="600px" lat="38.9410" lng="-94.5365" zoom="11" data="${siteData}" latref="geo:lat" lngref="geo:long" infotemplate="siteInfoTemplate" maptypes="true">
      <gm:handleEvent src="siteList"/>
    </gm:map>
  </div>
  
  <gm:template id="siteListTemplate">
    <table class="blue-theme" width="100%">
      <thead>
        <th>HCA Midwest Division</th>
      </thead>
      <tr repeat="true">
        <td><gm:text ref="title" /></td>
      </tr>
    </table>
  </gm:template>
  
  <gm:template id="siteInfoTemplate"> 
    <div repeat="true"> 
      <h3><gm:text ref="title" /></h3>
      <gm:text ref="content" />
    </div>
  </gm:template>
  
</gm:page>

